<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../../statics/css/iview.css">
    <link rel="stylesheet" type="text/css" media="screen" href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css">
    <!--<style>-->
        <!--body ul{-->
            <!--float: right;-->
            <!--margin-top: 15px;-->
        <!--}-->
        <!--.iForm input,select{-->
            <!--width: 80%;-->
        <!--}-->
        <!--.demo-upload-list img{-->
            <!--width: 100%;-->
            <!--height: 100%;-->
        <!--}-->
        <!--.ivu-form-item {-->
            <!--margin-bottom: 10px;-->
            <!--vertical-align: top;-->
            <!--zoom: 1-->
        <!--}-->
        <!--.ivu-input-icon {-->
            <!--width: 50%;-->
            <!--height: 32px;-->
            <!--line-height: 32px;-->
            <!--font-size: 16px;-->
            <!--text-align: center;-->
            <!--color: #80848f;-->
            <!--position: absolute;-->
            <!--right: 0;-->
            <!--z-index: 3;-->
        <!--}-->
    <!--</style>-->

</head>
<body>
<div id="category">
    <div>
        <i-button type="info" @click="save">新增</i-button>
        <i-button type="info" @click="update">修改</i-button>
        <i-button type="info" @click="delete">删除</i-button>
        <i-table border ref="selection" :columns="categoryColumn" :data="categorys" @on-select="onSelect" @on-select-cancel="onSelectCancel"></i-table>
    </div>
    <!--<template>-->
        <!--<Page :total="totalElements" :page-size="pageSize" show-elevator @on-change="changePage"></Page>-->
    <!--</template>-->
    <!--<Modal v-model="showList" style="width: 80%;" :styles="{top: '20px',width:'800px'}" :closable="false">-->
        <!--<p slot="header" style="color:#f60;text-align:center">-->
            <!--<Icon type="information-circled"></Icon>-->
            <!--<span>新增用户</span>-->
        <!--</p>-->
        <!--<i-form :model="formItem" :label-width="120" class="iForm">-->
            <!--<form-item label="标题">-->
                <!--<i-input v-model="formItem.title"  clearable  placeholder="账号"></i-input>-->
            <!--</form-item>-->
            <!--<form-item label="头像" style="height: 260px;">-->
                <!--<Upload-->
                        <!--ref="upload"-->
                        <!--:show-upload-list="false"-->
                        <!--:on-success="handleSuccess"-->
                        <!--:format="['jpg','jpeg','png']"-->
                        <!--:max-size="2048"-->
                        <!--:on-format-error="handleFormatError"-->
                        <!--:on-exceeded-size="handleMaxSize"-->
                        <!--type="drag"-->
                        <!--action="/media/image"-->
                        <!--style="display: inline-block;width:300px;">-->
                    <!--<div style="width: 300px;height:400px;line-height: 300px;">-->
                        <!--<div class="demo-upload-list" >-->
                            <!--<img :src="imageUrl">-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</Upload>-->
            <!--</form-item>-->
        <!--</i-form>-->
        <!--<div slot="footer" style="text-align: center">-->
            <!--<i-Button type="error" size="large"   @click="back">Back</i-Button>-->
            <!--<i-Button type="success" size="large"   @click="saveOrUpdate">Save</i-Button>-->
        <!--</div>-->
    <!--</Modal>-->




</div>
<script type="text/javascript" src="../../statics/lib/vue.min.js"></script>
<script type="text/javascript" src="../../statics/lib/jquery.min.js"></script>
<script type="text/javascript" src="../../statics/lib/iview.min.js"></script>
<script src="../../statics/js/medias/category.js"></script>

</body>
</html>